body 	{
	background-color: white;
	margin: auto;
	width: 100%;
	
}

#innerbody {
	background-color: white;
	max-width: 1080px;
	margin: auto;
	width: 100%;
}


#topimg  {
  height: 100px;
  display: inline;
  margin: auto;
  margin-top:0px;
  float: left;
  position: relative;
}
.bottominfo	{
	width: 100%;
	height:100px;
  background-color: white;
}

.sidenav {
  height: auto;
  width: 0;
  position: fixed;
  z-index: 2;
  top: 0px;
bottom: 0;
  float: center;
margin:auto;
  background-color: white;
  overflow-x: hidden;
}

.sidenav a {
  height: auto;
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none;
  font-size: 3em;
  font-weight: bold;
  letter-spacing: -1px;
  color: black;
  display: block;
  text-align: center;
  margin: auto;
  float: center;
  width: auto;
  position:relative;
}


.sidenav a i {
  color:  black;	
  text-align: center;
  float: center;
  margin:auto;
  width: auto;
  height: auto;
}



.sidenav .closebtn {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 3em;
  line-height: 0.9;
  font-weight: bold;
  float: center;
  margin: auto;
  letter-spacing: -3px;
	width: 33%;
  padding-top: 23px;
  display: block;
  }

#menu {
	font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  letter-spacing: -3px;
  line-height: 0.9;
	float: center;
	width: 20%;
	margin: auto;
	text-align: center;
  padding-top: 23px;
  margin-bottom: 0px;
  color: black;
  cursor: pointer;
}


#rightsinfo  {
  float: center;
  font-size: 25px;
  text-align: center;
  width:auto;
  margin: 0;
  font-family: Verdana, Geneva, sans-serif;
  color: black;
  position: relative;
  display: block;
  padding-top: 30px;
  padding-left: ;
  padding-right: 0%;
}

#copyright  {
  font-size: 25px;
  font-family: Verdana, Geneva, sans-serif;
  color: black;
  position: relative;
  display: inline;
  text-align: left;
  
}
.top	{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 3em;
	color: #0059b3;
  background-color: white;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 0.8;
	letter-spacing: -3px;
	word-spacing: -2px;
	width: auto;
	float: left;
	margin:auto;
  margin-right: 0px;
	height: 100px;
	text-align: left;
	margin-bottom: 0px;
	position: relative;
}

.bottominfo .top	{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 3em;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 0.8;
	letter-spacing: -3px;
	word-spacing: -2px;
  background-color:white;
	width: 50%;
	float: left;
	margin:auto;
	height: 100px;
	text-align: left;
	margin-bottom: 0px;
	position: relative;
}

.top a:visited {
	text-decoration: none;
	color: #0059b3;
	font-weight: bold;
}

.top a:link {
	text-decoration: none;
	color: #0059b3;
	font-weight: bold;
}

.top a:active {
	text-decoration: none;
	color: #0059b3;
	font-weight: bold;
}

.top a:hover {
	text-decoration: none;
	color: #0059b3;
	font-weight: bold;
}
#top2	{
	color: #1a8cff;
	font-weight: bold;
	}
	
#top2 span	{
	color: #1a8cff;
	font-weight: bold;
	letter-spacing: -10px;
	
	}

#top2 a:visited {
	text-decoration: none;
	color: #1a8cff;
	font-weight: bold;
}

#top2 a:link {
	text-decoration: none;
	color: #1a8cff;
	font-weight: bold;
}

#top2 a:active {
	text-decoration: none;
	color: #1a8cff;
	font-weight: bold;
}

#top2 a:hover {
	text-decoration: none;
	color: #1a8cff;
	font-weight: bold;
}

#top3	{
	color: #0073e6;
	font-weight: bold;
}

#top3 a:visited {
	text-decoration: none;
	color: #0073e6;
	font-weight: bold;
}

#top3 a:link {
	text-decoration: none;
	color: #0073e6;
	font-weight: bold;
}

#top3 a:active {
	text-decoration: none;
	color: #0073e6;
	font-weight: bold;
}

#top3 a:hover {
	text-decoration: none;
	color: #0073e6;
	font-weight: bold;
}

#menuknop1	{
	width: 30%;
  margin: 0;
	height:100px;
	font-family: Verdana, Geneva, sans-serif;
 	font-size: 3em;
  line-height: 2.8;
  letter-spacing: -3px;
	font-weight: bold;
  text-decoration: none;
	padding-left:0px;
	padding-right:10px;
 	color: black;
	background-color: white;
	text-align:center;
	position:relative;
	float: left;
	margin-top:0px;
  display: flex;
}

#menuknop2	{
	width: auto;
	height:100px;
	font-family: Verdana, Geneva, sans-serif;
 	font-size: 3em;
  line-height: 2.8;
  letter-spacing: -3px;
	font-weight: bold;
  text-decoration: none;
	padding-left:0px;
	padding-right:10px;
 	color: black;
	background-color: white;
	text-align:right;
	position:relative;
	float: right;
	margin-top:0px;
  display: flex;
}

#menuknop1	a:visited{
	text-decoration: none;
 	color: black;
}

#menuknop1	a:link{
	text-decoration: none;
 	color: black;
}

#menuknop1	a:active	{
	text-decoration: none;
 	color: black;
}

#menuknop1	a:hover{
	text-decoration: none;
 	color: black;
}

#menuknop2	a:visited{
	text-decoration: none;
 	color: black;
}

#menuknop2	a:link{
	text-decoration: none;
 	color: black;
}

#menuknop2	a:active	{
	text-decoration: none;
 	color: black;
}

#menuknop2	a:hover{
	text-decoration: none;
 	color: black;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

* {
  box-sizing: border-box;
}

#painting   {
   width: 33%;
   margin: auto;
   float: center;
   padding-top: 50px;
   position: relative;
   text-align: center;
   display: block;
   font-family: Verdana, Geneva, sans-serif;
 	font-size: 1.5em;
}

#paintingtext  {
  text-align: left;
   display: block;
   font-family: Verdana, Geneva, sans-serif;
 	font-size: 1.5em;
  position: relative;
  margin: auto;
  float: center;
  width: 33%;

}
 .slideshow-container {
      position: relative;
      width: 800px;
	height: 100%;
      overflow: hidden;
	margin:auto;
	margin-top: 0px;
   }
   .image-gallery {
      transition: transform 0.5s ease-in-out;
   }
   .image-container {
      width: 100%;
      height: 475px;
	margin:0;
	text-align: center;
   }
   .image-container img {
		padding-top: 25px;
		margin: auto;
      width: auto;
      text-align: center;
	height: 400px;
   }
   .prev-img, .next-img {
      cursor: pointer;
      position: absolute;
      top: 50%;
      width: auto;
      padding: 25px;
      margin-top: 0px;
      background-color: lightgrey;
      color: white;
      font-weight: bold;
      font-size: 18px;
      transition: 0.6s ease;
   }
   .next-img {
      right: 0;
   }
   .prev-img:hover, .next-img:hover {
      background-color: grey;
   }
   .bottom-img-container {
      text-align: center;
      padding-top: 25px;
	  position: relative;
   }
   .bottom-img {
      height: 80px; 
      width: auto;  
      cursor: pointer;
   }
   .bottom-img.current-bottom-img {
   }


#imagetext 	{
	font-family: Verdana, Geneva, sans-serif;
 	font-size: 1.5em;
	color: grey;
	height: 75px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#imagetext	span 	{
	font-style: italic;
	font-weight: bold;
}

.bg-text 	{
	width: 100%;
	height:100px;
	line-height: ;
	font-family: Verdana, Geneva, sans-serif;
 	font-size: 5em;
	padding-left:120px;
 	color: white;
	filter: blur(15px);
        -webkit-filter: blur(15px);
	text-align:left;
	position:absolute;
	margin-top:;
	overflow: hidden;
}
	
#animated1	{
	margin-top: ;
  width:100%;
  height:100px;
  padding-left:100px;
  text-align:left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 95px;
 -webkit-text-stroke:;
  color: white;
  position:absolute;
  line-height: 95px;
}


#animated2	{
	margin-top: ;
  width:100%;
  height:100px;
  padding-left:100px;
  text-align:left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 95px;
 -webkit-text-stroke:;
  color: lightgrey;
  position:absolute;
  line-height: 95px;
}

#animated3	{
	margin-top: ;
  width:100%;
  height:100px;
  padding-left:100px;
  text-align:left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 95px;
 -webkit-text-stroke:;
  color: white;
  position:absolute;
  line-height: 95px;
}

#animated4	{
	margin-top: ;
  width:100%;
  height:100px;
  padding-left:100px;
  text-align:left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 95px;
 -webkit-text-stroke:;
  color: lightgrey;
  position:absolute;
  line-height: 95px;
}

#animated5	{
	margin-top: ;
  width:100%;
  height:100px;
  padding-left:100px;
  text-align:left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 95px;
 -webkit-text-stroke:;
  color: white;
  position:absolute;
  line-height: 95px;
}

#animated6	{
	margin-top: ;
  width:100%;
  height:100px;
  padding-left:100px;
  text-align:left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 95px;
 -webkit-text-stroke:;
  color: lightgrey;
  position:absolute;
  line-height: 95px;
}
#animated7	{
	margin-top: ;
  width:100%;
  height:100px;
  padding-left:100px;
  text-align:left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 95px;
 -webkit-text-stroke:;
  color: white;
  position:absolute;
  line-height: 95px;
}
#animated8	{
	margin-top: ;
  width:100%;
  height:100px;
  padding-left:100px;
  text-align:left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 95px;
 -webkit-text-stroke:;
  color: lightgrey;
  position:absolute;
  line-height: 95px;
}
#animated9	{
	margin-top: ;
  width:100%;
  height:100px;
  padding-left:100px;
  text-align:left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 95px;
 -webkit-text-stroke:;
  color: white;
  position:absolute;
  line-height: 95px;
}

#animated10	{
	margin-top: ;
  width:100%;
  height:100px;
  padding-left:100px;
  text-align:left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 95px;
 -webkit-text-stroke:;
  color: lightgrey;
  position:absolute;
  line-height: 95px;
}

#animated11	{
	margin-top: ;
  width:100%;
  height:100px;
  padding-left:100px;
  text-align:left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 95px;
 -webkit-text-stroke:;
  color: white;
  position:absolute;
  line-height: 95px;
}

#animated12	{
	margin-top: ;
  width:100%;
  height:100px;
  padding-left:100px;
  text-align:left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 95px;
 -webkit-text-stroke:;
  color: lightgrey;
  position:absolute;
  line-height: 95px;
}


#animated13	{
	margin-top: ;
  width:100%;
  height:100px;
  padding-left:100px;
  text-align:left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 95px;
 -webkit-text-stroke:;
  color: white;
  position:absolute;
  line-height: 95px;
}
#animated1 #s1		{
	animation:s1 4570ms backwards 1 linear paused;
}

#animated2 #s2		{
	animation:s2 3680ms backwards 1 linear paused;
}

#animated3 #s3		{
	animation:s3 6680ms backwards 1 linear paused;
}


#animated4 #s4		{
	animation:s4 11980ms backwards 1 linear paused;
}


#animated5 #s5		{
	animation:s5 10880ms backwards 1 linear paused;
}


#animated6 #s6		{
	animation:s6 5330ms backwards 1 linear paused;
}


#animated7 #s7		{
	animation:s7 4590ms backwards 1 linear paused;
}


#animated8 #s8		{
	animation:s8 9560ms backwards 1 linear paused;
}

#animated9 #s9	{
	animation:s9 5810ms backwards 1 linear paused;
}

#animated10 #s10		{
	animation:s10 7370ms backwards 1 linear paused;
}

#animated11 #s11	{
	animation:s11 6110ms backwards 1 linear paused;
}

#animated12 #s12		{
	animation:s12 23210ms backwards 1 linear paused;
}

#animated13 #s13		{
	animation:s13 11000ms backwards 1 linear paused;
}


@keyframes s1 {
0%  {visibility:visible;}
1%  {visibility:visible;transform: translateX(-0px);}
100% {transform: translateX(-2500px);}
}

@keyframes s2 {
0%  {visibility:visible;}
1%  {visibility:visible;transform: translateX(-0px);}
100% {transform: translateX(-2500px);}
}


@keyframes s3 {
0%  {visibility:visible;}
1%  {visibility:visible;transform: translateX(-0px);}
100% {transform: translateX(-4000px);}
}

@keyframes s4 {
0%  {visibility:visible;}
1%  {visibility:visible;transform: translateX(-0px);}
100% {transform: translateX(-7200px);}
}

@keyframes s5 {
0%  {visibility:visible;}
1%  {visibility:visible;transform: translateX(-0px);}
100% {transform: translateX(-6100px);}
}

@keyframes s6 {
0%  {visibility:visible;}
1%  {visibility:visible;transform: translateX(-0px);}
100% {transform: translateX(-3500px);}
}

@keyframes s7 {
0%  {visibility:visible;}
1%  {visibility:visible;transform: translateX(-0px);}
100% {transform: translateX(-3000px);}
}

@keyframes s8 {
0%  {visibility:visible;}
1%  {visibility:visible;transform: translateX(-0px);}
100% {transform: translateX(-6000px);}
}

@keyframes s9 {
0%  {visibility:visible;}
1%  {visibility:visible;transform: translateX(-0px);}
100% {transform: translateX(-3500px);}
}

@keyframes s10 {
0%  {visibility:visible;}
1%  {visibility:visible;transform: translateX(-0px);}
100% {transform: translateX(-4100px);}
}

@keyframes s11 {
0%  {visibility:visible;}
1%  {visibility:visible;transform: translateX(-0px);}
100% {transform: translateX(-3900px);}
}

@keyframes s12 {
0%  {visibility:visible;}
1%  {visibility:visible;transform: translateX(-0px);}
100% {transform: translateX(-12700px);}
}

@keyframes s13 {
0%  {visibility:visible;}
1%  {visibility:visible;transform: translateX(-0px);}
100% {transform: translateX(-7100px);}
}

.bodytext1	{
	height:100px;
	width: 100%;
	position:relative;
	background-color: lightgrey;
	overflow:hidden;
	white-space: nowrap;
	display: grid;
}

.bodytext2	{
	height:100px;
	width: 100%;
	position:relative;
	background-color: white;
	overflow:hidden;
	white-space: nowrap;
	display: grid;
}

.bodytext3	{
	height:100px;
	width: 100%;
	position:relative;
	background-color: lightgrey;
	overflow:hidden;
	white-space: nowrap;
	display: grid;
}


.bodytext4	{
	height:100px;
	width: 100%;
	position:relative;
	background-color: white;
	overflow:hidden;
	white-space: nowrap;
	display: grid;
}


.bodytext5	{
	height:100px;
	width: 100%;
	position:relative;
	background-color: lightgrey;
	overflow:hidden;
	white-space: nowrap;
	display: grid;
}


.bodytext6	{
	height:100px;
	width: 100%;
	position:relative;
	background-color: white;
	overflow:hidden;
	white-space: nowrap;
	display: grid;
}


.bodytext7	{
	height:100px;
	width: 100%;
	position:relative;
	background-color: lightgrey;
	overflow:hidden;
	white-space: nowrap;
	display: grid;
}


.bodytext8	{
	height:100px;
	width: 100%;
	position:relative;
	background-color: white;
	overflow:hidden;
	white-space: nowrap;
	display: grid;
}


.bodytext9	{
	height:100px;
	width: 100%;
	position:relative;
	background-color: lightgrey;
	overflow:hidden;
	white-space: nowrap;
	display: grid;
}


.bodytext10	{
	height:100px;
	width: 100%;
	position:relative;
	background-color: white;
	overflow:hidden;
	white-space: nowrap;
	display: grid;
}


.bodytext11	{
	height:100px;
	width: 100%;
	position:relative;
	background-color: lightgrey;
	overflow:hidden;
	white-space: nowrap;
	display: grid;
}


.bodytext12	{
	height:100px;
	width: 100%;
	position:relative;
	background-color: white;
	overflow:hidden;
	white-space: nowrap;
	display: grid;
}


.bodytext13	{
	height:100px;
	width: 100%;
	position:relative;
	background-color: lightgrey;
	overflow:hidden;
	white-space: nowrap;
	display: grid;
}

.buttonarea	{
 	height: 100px;
	width: 100px;
	background-color:lightgrey;
	position: absolute;
	z-index: 1;
}

.buttonarea2	{
 	height: 100px;
	width: 100px;
	background-color:white;
	position: absolute;
	z-index: 1;
}

#button1	{
	float: left;
	position:relative;
	animation-play-state:paused;
	border:none;
	background-color: lightgrey;
	color:black;
	border-radius: 50%;
	height: 100px;
	width: 100px;
}

#button2	{
	float: left;
	position:relative;
	animation-play-state:paused;
	border:none;
	background-color: white;
	color:black;
	border-radius: 50%;
	height: 100px;
	width: 100px;

}


@media only screen and (max-width: 1080px) {
    }

@media only screen and (max-width: 850px) {
    }
.center {
  text-align: center;
}